<template>
  <div>
    <div class="edu-page-title" style="margin: 10px auto 10px 0;">异动申请明细</div>
    <el-card shadow="never" body-style="padding: 24px;" class="bg-white">
      <el-form
        ref="applyForm"
        :model="applyForm"
        label-width="120px"
        class="bg-white pd-12px"
        :rules="rules"
      >
        <el-row :gutter="20" style="height: 50px;">
          <el-col :span="6">
            <el-form-item label="异动学期：">
              <span>{{data.grade}}</span>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="异动大类：">
              <span>{{data.className}}</span>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="异动类型：">
              <span>{{data.typeName}}</span>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="原因：">
              <span>{{data.reason}}</span>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20" style="height: 50px;">
          <el-col :span="12">
            <el-form-item label="审核意见">
              <el-input v-model="form.comments" placeholder="请输入" type="textarea"/>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <div class="empty-box"></div>
          </el-col>
        </el-row>
        <el-row :gutter="20" style="height: 50px;">
          <el-col :span="24">
            <el-form-item label="附件文件：">
              <el-button size="small" plain style="margin-right: 10px">预览/下载</el-button>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <el-row :gutter="20" style="height: 50px;">
        <el-col :span="24">
          <div class="float-right">
            <el-button @click="refuse">驳回</el-button>
            <el-button type="primary" @click="pass">审核通过</el-button>
          </div>
        </el-col>
      </el-row>
    </el-card>
  </div>
</template>
<script>
import * as API from 'common/src/api/abnormal'
export default {
  data() {
    return {
      form: {}
    }
  },
  props: {
    data: {
      required: true,
      type: Object,
      default: {}
    }
  },
  methods: {
    // 获取异动类型
    refuse() {},
    pass() {},
  },
}
</script>
<style>
</style>
